<template>
	<view class="flex-container">
		<!-- banner -->
		<view class="flex-row-center">
			<navigator>
				<image class="banner" src="../../static/img/aaa.png" />
			</navigator>

		</view>
		
		<!-- 菜单-->
        <app-title title="健康管理" left="30"/>
		<view class="flex-row-center">
			<app-menu  />
		</view>
		
		<!-- 新闻 -->
		<view class="notice">
			<app-title title="健康科普" />
		</view>
		<app-news :list="newsList" />
	</view>
</template>
<script>
	import AppMenu from '@/components/app-menu';
	import AppNews from '@/components/app-news';
	export default {
		components: {
			AppNews,AppMenu
		},
		data() {
			return {
			
				newsList: [1,1,1,1],
			
				

			};
		},
		mounted() {
			this.init();

		},

		onShow() {


		},
		methods: {
			init() {


			},

		},

		//下拉刷新
		onPullDownRefresh() {

		}
	};
</script>
<style lang="scss" scoped>
	.banner {

		width: 100vw;
		height: 250rpx;
	}

	.notice {
		padding: 0 30rpx;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.more {
			font-size: 28rpx;

			color: #34c37f;
		}
	}
</style>